<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<title>注册</title>
	<link rel="stylesheet" type="text/css" href="css/bootstrap/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="css/bootstrap/bootstrap-responsive.min.css">
	<link rel="stylesheet" type="text/css" href="font/iconfont/iconfont.css">
	<link rel="stylesheet" type="text/css" href="css/jedate.css">
	<link rel="stylesheet" type="text/css" href="js/skin/layer.css">
	<link rel="stylesheet" type="text/css" href="css/common.css">
	<link rel="stylesheet" type="text/css" href="css/register.css">
	<style type="text/css">
		html{
			height: 100%;
		}
	</style>
</head>
<body>
	<div class="black_back"></div>
	<div class="login" id="login">
		<div class="login-main">
			<h3 class="text-center">珠海市物业行业征信系统</h3>
			<p class="text-center">Zhuhai Property Industry Credit System</p>
			<form method="post">
				<div class="control-input">
					<label><i class="iconfont icon-username"></i></label>
					<input type="text" name="username" placeholder="用户名">
				</div>
				<div class="control-input">
					<label><i class="iconfont icon-yuechi"></i></label>
					<input type="password" name="password" placeholder="密码">
					<i class="iconfont icon-wangjimima"></i>
				</div>
				<div class="checkedBox">
					<div class="box-change"><i class="iconfont icon-jizhumimaxuanzhong checkbox checked"></i><input type="checkbox" name="">记住我</div>
				</div>
				<div class="get_submit text-center">
					<button type="button" class="log-in">登录</button>
					<p><a href="register.html">还没有账号？马上注册<i class="iconfont icon-changjiantou"></i></a></p>
				</div>
			</form>
		</div>
	</div>
	<div class="header clearfix container-fluid navbar-fixed-top">
		<div class="row-fluid">	
			<div class="span3">
				<a href="./index.html" class="index-link">	
				<div class="navbar clearfix company">
					<span class="brand"><img src="images/logo.png"></span>
					<div class="name pull-left">
						<h4>珠海市物业行业征信系统</h4>
						<p>Zhuhai Property Industry Credit System</p>
					</div>
				</div>
				</a>	
			</div>		
			<div class="navbar span6 title_menu">				
				<ul class="nav navbar-nav menu">
				  <li class="active">
				    <a href="#"><img src="images/icon/icon_7_white.png"><span>诚信档案</span></a>
				  </li>
				  <li><a href="#"><img src="images/icon/icon_2_white.png"><span>诚信管理</span></a></li>
				</ul>
			</div>
			<div class="navbar span3">	
				<ul class="nav log-on">
					<li class="b-right"><a href="javascript:void(0)" id="log-click"><i class="iconfont icon-denglu"></i>登录</a></li>
					<li><a href="register.html"><i class="iconfont icon-tianjiayonghu"></i>注册</a></li>
				</ul>
			</div>
		</div>
	</div>
	<div class="register-main marg-top">
		<!-- 引导 -->
		<div class="guide">
			<div class="container">
				<ul class="clearfix">
					<li>
						<div class="guide_icon">
							<span>
								<i class="iconfont icon-tianjiayonghu"></i>
							</span>
							<p>1.注册账号;</p>
						</div>
					</li>
					<li>
						<div class="guide_icon">
							<span>
								<img src="images/icon/icon_4_blue.png">
							</span>
							<p>2.完善信息;</p>
						</div>
					</li>
					<li class="active">
						<div class="guide_icon">
							<span>
								<i class="iconfont icon-chenggong"></i>
							</span>
							<p>3.注册成功;</p>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<div class="container">					
			<!-- 注册成功 -->
			<div class="successful">
				<div class="container-fluid">
					<div class="success-img">
					    <div class="row-fluid">
							<div class="span4">
								<img src="images/success.png">
							</div>
							<div class="span8">
								<h2>恭喜您，注册成功！</h2>
								<p><i id="skip">5</i>秒后系统自动跳转。<a href="certificate.html">点击跳转</a></p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="footer text-center">
		<p>© 横琴云廷科技有限公司  |  粤公网安备 52003316146400078 号</p>
	</div>
	<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
	<script type="text/javascript" src="js/common.js"></script>
	<script type="text/javascript" src="js/jquery.validate.min.js"></script>
	<script type="text/javascript" src="js/jquery.jedate.min.js"></script>
	<script type="text/javascript" src="js/layer.js"></script>
	<script type="text/javascript">
	$().ready(function() {
			 function jump(count) { 
	            window.setTimeout(function(){ 
	                count--; 
	                if(count > 0) { 
	                    $('#skip').html(count); 
	                    jump(count); 
	                } else { 
	                    location.href="certificate.html"; 
	                } 
	            }, 1000); 
	            return false;
	        } 
	        setTimeout(function(){
	       	 jump(5); 
	        },500);			
	})
	</script>
</body>
</html>